<div class="col-md-3 left_col">
    <div class="left_col scroll-view">
        <div class="navbar nav_title" style="border: 0">
            <a href="javascript:viod(0);" class="site_title"><i class="fa fa-paw"></i> <span>Spring Boot</span></a>
        </div>

        <div class="clearfix"></div>

        <!-- menu profile quick info -->
        <div class="profile clearfix">
            <div class="profile_pic">
				<span th:if="${session.user.userImage} == null">
					<img name="userImage" src="/images/img.jpg" alt="" class="img-circle profile_img"/>
				</span>
                <span th:if="${session.user.userImage} != null">
					<img name="userImage" th:src="${session.user.userImage}" alt="" class="img-circle profile_img"/>
				</span>
            </div>
            <div class="profile_info">
                <span>Welcome,</span>
                <h2><span name="userName" th:text="${session.user.userName}"></span></h2>
            </div>
        </div>
        <!-- /menu profile quick info -->

        <br/>

        <!-- sidebar menu -->
        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
            <div class="menu_section">
                <h3>General</h3>
                <ul class="nav side-menu">
                    <li shiro:hasAnyRoles="admin,manager,staff">
                        <a href="/common/dashboard"><i class="fa fa-home"></i> Darshboar</a>
                    </li>
                    <li>
                        <a><i class="fa fa-user"></i> Account <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li shiro:hasAnyRoles="admin,manager,staff"><a href="/account/profile">Profile</a></li>
                            <li shiro:hasAnyRoles="admin,manager"><a href="/account/users">Users</a></li>
                            <li shiro:hasAnyRoles="admin,manager"><a href="/account/roles">Roles</a></li>
                            <li shiro:hasAnyRoles="admin,manager"><a href="/account/resources">Resource</a></li>
                        </ul>
                    </li>
                    <li shiro:hasAnyRoles="admin,manager,staff">
                        <a><i class="fa fa-coffee"></i> Common <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="#">Index</a></li>
                        </ul>
                    </li>
                    <li shiro:hasAnyRoles="admin,manager,staff">
                        <a><i class="fa fa-leaf"></i> Test <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="/test/index">Thymeleaf Index</a></li>
                            <li><a href="/test/vueIndex">Vue Index</a></li>
                            <li>
                                <a>二级菜单<span class="fa fa-chevron-down"></span></a>
                                <ul class="nav child_menu">
                                    <li class="sub_menu"><a href="#">三级菜单</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /sidebar menu -->

        <!-- /menu footer buttons -->
        <div class="sidebar-footer hidden-small">
            <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
            </a>
        </div>
        <!-- /menu footer buttons -->
    </div>
</div>
